<style> *{box-sizing:border-box;margin:0;padding:0} .umq-c{max-width:680px;margin:30px auto;font-family:Tahoma,Arial,sans-serif;direction:rtl} .umq-hero{background:#6a2d44;border-radius:16px;padding:36px 24px;text-align:center;margin-bottom:20px} .umq-hero h1{color:#fff;font-size:26px;font-weight:700;margin-bottom:8px} .umq-hero p{color:rgba(255,255,255,.7);font-size:15px} .umq-row{display:flex;gap:14px;margin-bottom:14px} .umq-card{flex:1;display:flex;align-items:center;gap:14px;background:#fff;border:2px solid #542137;border-radius:16px;padding:18px 20px;text-decoration:none;color:#333} .umq-card:hover{background:#f5eef0} .umq-icon{width:48px;height:48px;border-radius:12px;background:#6a2d44;display:flex;align-items:center;justify-content:center;flex-shrink:0} .umq-icon img{width:26px;height:26px} .umq-label{font-size:11px;color:#888;margin-bottom:3px} .umq-value{font-size:15px;font-weight:700;color:#333;direction:ltr;text-align:right} @media(max-width:540px){.umq-row{flex-direction:column}} </style>